.popup{
	background-color: #f5f5f5;
	border-top-left-radius: 30rpx;
	border-top-right-radius: 30rpx;
}

.popup-body{
	height: 70vh;
	padding: 0 30rpx;
}

.popup-body .item{
	padding: 20rpx;
	border-radius: 10rpx;
	margin-bottom: 30rpx;
	background-color: #fff;
}

.popup-body .item .info{
	width: calc(100% - 140rpx);
}

.popup-body .item .image{
	width: 120rpx;
	height: 100rpx;
	border-radius: 10rpx;
}

.popup-body .item .price {
	font-size: 24rpx;
	font-weight: normal;
	align-items: flex-end;
	justify-content: flex-start;
}

.popup-body .item .btn{
	color: var(--theme-color);
	font-size: 24rpx;
	line-height: 1;
	padding: 8rpx 16rpx;
	margin-left: auto;
	border-radius: 6rpx;
	border: 2rpx solid var(--theme-color);
}

.popup-body .item .unit {
	color: var(--theme-color);
}

.popup-body .item .value {
	color: var(--theme-color);
	font-size: 32rpx;
	font-weight: bold;
	transform: translateY(2rpx);
}

.popup-body .item .originPrice {
	color: #999;
	margin-left: 20rpx;
	text-decoration: line-through;
}

.popup-body .item .name {
	font-size: 28rpx;
	margin-bottom: 20rpx;
}

.popup-head{
	height: 120rpx;
	padding-left: 30rpx;
}

.popup-head .title{
	font-size: 32rpx;
}

.popup-head .close{
	width: 92rpx;
	height: 100%;
}

.popup-head .close .iconfont{
	color: #666;
	font-size: 36rpx;
}